*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.tw-container {
  width: 100%
}

@media (min-width: 640px) {
  .tw-container {
    max-width: 640px
  }
}

@media (min-width: 768px) {
  .tw-container {
    max-width: 768px
  }
}

@media (min-width: 1024px) {
  .tw-container {
    max-width: 1024px
  }
}

@media (min-width: 1280px) {
  .tw-container {
    max-width: 1280px
  }
}

@media (min-width: 1536px) {
  .tw-container {
    max-width: 1536px
  }
}

.tw-col-start-1 {
  grid-column-start: 1
}

.tw-row-span-2 {
  grid-row: span 2 / span 2
}

.tw-m-10 {
  margin: 2.5rem
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.tw-mb-6 {
  margin-bottom: 1.5rem
}

.tw-mr-6 {
  margin-right: 1.5rem
}

.tw-mb-10 {
  margin-bottom: 2.5rem
}

.tw-mt-8 {
  margin-top: 2rem
}

.tw-ml-16 {
  margin-left: 4rem
}

.tw-ml-4 {
  margin-left: 1rem
}

.tw-mt-4 {
  margin-top: 1rem
}

.tw-mt-10 {
  margin-top: 2.5rem
}

.tw-mb-4 {
  margin-bottom: 1rem
}

.tw-mb-5 {
  margin-bottom: 1.25rem
}

.tw-mr-2 {
  margin-right: 0.5rem
}

.tw-inline-block {
  display: inline-block
}

.tw-flex {
  display: flex
}

.tw-grid {
  display: grid
}

.tw-h-52 {
  height: 13rem
}

.tw-h-5 {
  height: 1.25rem
}

.tw-h-56 {
  height: 14rem
}

.tw-w-full {
  width: 100%
}

.tw-w-1\/3 {
  width: 33.333333%
}

.tw-w-2\/3 {
  width: 66.666667%
}

.tw-w-5 {
  width: 1.25rem
}

.tw-w-56 {
  width: 14rem
}

.tw-w-36 {
  width: 9rem
}

.tw-w-72 {
  width: 18rem
}

.tw-w-80 {
  width: 20rem
}

.tw-cursor-pointer {
  cursor: pointer
}

.tw-list-none {
  list-style-type: none
}

.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.tw-items-center {
  align-items: center
}

.tw-justify-between {
  justify-content: space-between
}

.tw-gap-4 {
  gap: 1rem
}

.tw-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.tw-space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.tw-border-2 {
  border-width: 2px
}

.tw-border-0 {
  border-width: 0px
}

.tw-border-b-2 {
  border-bottom-width: 2px
}

.tw-border-solid {
  border-style: solid
}

.tw-border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.tw-border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity))
}

.tw-border-b-blue-400 {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.tw-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.tw-bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.tw-bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.tw-object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

.tw-p-4 {
  padding: 1rem
}

.tw-p-0 {
  padding: 0px
}

.tw-p-10 {
  padding: 2.5rem
}

.tw-p-5 {
  padding: 1.25rem
}

.tw-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.tw-text-left {
  text-align: left
}

.tw-text-right {
  text-align: right
}

.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.tw-font-medium {
  font-weight: 500
}

.tw-font-bold {
  font-weight: 700
}

.tw-font-semibold {
  font-weight: 600
}

.tw-font-extrabold {
  font-weight: 800
}

.tw-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.tw-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.tw-text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.tw-text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.tw-text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.tw-text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.tw-opacity-50 {
  opacity: 0.5
}

.hover\:tw-border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity))
}